<template>
  <view class="main-box">
    <image class="icon" src="../../static/tab-bar/更多.png" @click="show=true" v-show="!show"/>
    <my-nav :show="show" @close="show=false"></my-nav>   
  </view>
</template>

<script>
  export default {
    name:"my-icon",
    data() {
      return {
         show:false,
      };
    }
  }
</script>

<style lang="scss" scoped>
  .main-box{
  display: flex;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
    .icon{
      background-color: rgba(242, 242, 242, 0.4);
      border-radius: 80rpx;
      padding: 30rpx;
      width: 50rpx;
      height: 50rpx;
      position: fixed;
      bottom: 5%;
      z-index: 100;
    }
  }
</style>